@extends('layout/home/master')
@section('content')

    <div class="row">
        <div class="col-12">

            <!-- Files -->
            <div class="card" data-toggle="lists" data-lists-values="[&quot;name&quot;]">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col">

                            <!-- Title -->
                            <h4 class="card-header-title">
                                Files
                            </h4>

                        </div>
                        <div class="col-auto">

                            <!-- Dropdown -->
                            <div class="dropdown">

                                <!-- Toggle -->
                                <a href="#!" class="small text-muted dropdown-toggle" data-toggle="dropdown">
                                    Sort order
                                </a>

                                <!-- Menu -->
                                <div class="dropdown-menu">
                                    <a class="dropdown-item sort" data-sort="name" href="#!">
                                        Asc
                                    </a>
                                    <a class="dropdown-item sort" data-sort="name" href="#!">
                                        Desc
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-auto">

                            <!-- Button -->
                            <a href="#!" class="btn btn-sm btn-primary">
                                Upload
                            </a>

                        </div>
                    </div> <!-- / .row -->
                </div>
                <div class="card-body">

                    <!-- List -->
                    <ul class="list-group list-group-lg list-group-flush list my--4">
                        <li class="list-group-item px-0">

                            <div class="row align-items-center">
                                <div class="col-auto">

                                    <!-- Avatar -->
                                    <a href="#!" class="avatar avatar-lg">
                                        <img src="{{asset('org/css_js')}}/img/files/file-1.jpg" alt="..." class="avatar-img rounded">
                                    </a>

                                </div>
                                <div class="col ml--2">

                                    <!-- Title -->
                                    <h4 class="card-title mb-1 name">
                                        <a href="#!">Launchday Logo</a>
                                    </h4>

                                    <!-- Text -->
                                    <p class="card-text small text-muted mb-1">
                                        2.5kb SVG
                                    </p>

                                    <!-- Time -->
                                    <p class="card-text small text-muted">
                                        Uploaded by Dianna Smiley on
                                        <time datetime="2018-01-03">Jan 3, 2018</time>
                                    </p>

                                </div>
                                <div class="col-auto">

                                    <!-- Button -->
                                    <a href="#!" class="btn btn-sm btn-white d-none d-md-inline-block">
                                        Download
                                    </a>

                                </div>
                                <div class="col-auto">

                                    <!-- Dropdown -->
                                    <div class="dropdown">
                                        <a href="#!" class="dropdown-ellipses dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="fe fe-more-vertical"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a href="#!" class="dropdown-item">
                                                Action
                                            </a>
                                            <a href="#!" class="dropdown-item">
                                                Another action
                                            </a>
                                            <a href="#!" class="dropdown-item">
                                                Something else here
                                            </a>
                                        </div>
                                    </div>

                                </div>
                            </div> <!-- / .row -->

                        </li>
                    </ul>

                </div>
            </div>

        </div>
    </div>

    @endsection